<template>
    <view>
        <view class="box">
            <image src="/static/images/cz-success.png" mode="" class="img" />
            <view class="jine">￥188.'00'</view>
        </view>
        <view class="box1">
            <view>
                <image src="/static/images/skxq.png" mode="" class="img1" />
                <view>收款详情</view>
            </view>
            <view>
                <image src="/static/images/kjfp.png" mode="" class="img2" />
                <view>开具发票</view>
            </view>
        </view>
        <button class="btn">继续收款(5s)</button>
    </view>
</template>

<script>
const app = getApp();
const $http = app.globalData.$http;
var config = require('../../utils/config.js');
export default {
    data() {
        return {
            picUrl: config.Config,
            numList: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '+', '0', '.'],
            index: 0,
            allCheck: '',
            isCheck1: '',
            isCheck2: '',
            isCheck3: ''
        };
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad(options) {},
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {},
    methods: {
        // 处理选择变化
        bindPickerChange: function (e) {
            this.setData({
                index: e.detail.value
            });
        },

        handleCheckAll(event) {
            this.setData({
                allCheck: !this.allCheck,
                isCheck1: !this.allCheck,
                isCheck2: !this.allCheck,
                isCheck3: !this.allCheck
            });
        },

        goSetting: function () {
            if (uni.getStorageSync('token') == '') {
                uni.showToast({
                    title: '您还未登录，请先登录',
                    icon: 'none'
                });
                setTimeout(function () {
                    uni.navigateTo({
                        url: '/pages/login/index'
                    });
                }, 1200);
            } else {
                uni.reLaunch({
                    url: '/pages/fapiao-setting/index'
                });
            }
        }
    }
};
</script>
<style>
.box {
    width: 700rpx;
    margin: 0 auto;
    font-size: 32rpx;
    color: #323232;
    margin-top: 20rpx;
}

.img {
    width: 200rpx;
    height: 200rpx;
    display: block;
    margin: 0 auto;
    margin-top: 200rpx;
}

.jine {
    text-align: center;
    color: rgb(250, 42, 42);
    font-size: 48rpx;
    font-weight: 600;
    margin-top: 20rpx;
}

.btn {
    width: 700rpx;
    margin: 0 auto;
    border-radius: 16rpx;
    background: rgb(254, 114, 92);
    color: #fff;
    margin-top: 100rpx;
    border: none;
}

.box1 {
    width: 600rpx;
    margin: 0 auto;
    font-size: 32rpx;
    color: #323232;
    margin-top: 300rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.box1 view {
    width: 50%;
    display: flex;
    align-items: center;
    font-weight: 300;
}

.box1 .img1 {
    width: 42rpx;
    height: 52rpx;
    display: block;
    margin-right: 20rpx;
}

.box1 .img2 {
    width: 49rpx;
    height: 46rpx;
    display: block;
    margin-right: 20rpx;
}
</style>
